1、枠なしのテーブルを縦4列横6列作ります。
<TABLE cellspacing="0">→cellspacing="0"が枠なし
2、縦4列を結合して縦2列に変えます。
<TD rowspan="2"></TD>→rowspan="2"が2つ結合
3、横線と縦線を入れ「¬」を作る。
<TD style="border-top-width : thin;border-right-width : thin;border-top-style
: solid;border-right-style : solid;border-top-color : black;border-right-color
: black;"></TD>
↓
border-top-widthで枠の上の部分だけ線を入れる。
border-top-style :solidは上の線のスタイルはsolid(薄めの線)
border-top-color : blackは、上の線の色は黒
4、あとは、同じ要領で枠を作っていく。
枠の中が何も書かれていない状態だと線が表示されないので、
うまく「-」などを背景色入れ、目立たない様にする。。
分かりやすい様に枠表示して書きます。
青の塗り潰し部分に空白(もしくは文字を入れる)を入れないと枠が表示されません。
空白=スペースキーで対処。
空白だと分かりづらいので、文字入れます。
文字色を背景色と同じ色にして目立たなくする。
この要領でトーナメント表作りました。
|